<!DOCTYPE html>
<html lang="en-US" prefix="og: http://ogp.me/ns#">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>晟友科技—系统版本_企业发票管理系统</title>
    <meta name="keywords" content="发票管理系统,晟友科技,版本">
    <meta name="description" content="晟友科技为企业提供一站式发票管理解决方案。其中行业解决方案根据不同行业，向客户提供安全可靠的行业发票管理解决方案，从而实现发票信息化管理">
    <!-- Stylesheet -->
    <link href="css/web_style.css" rel="stylesheet" />
    <!-- jQuery -->
    <script src="js/jquery.min.js"></script>
    <!-- Fancybox 3 for video popups and galleries in popup -->
    <script src="js/jquery.fancybox.min.js"></script>
    <script>
        function showweixin(cname){
            $('#'+cname).show();
            setTimeout(
                function(){
                    $('#'+cname).hide();
                    },
                3000);
        }

    </script>
</head>

<body class="about">

    <!-- Navigation -->
    <a class="hamburger"></a>

    <nav role="navigation" class="main_nav">
        <th:block th:include="web_include :: nav" />
    </nav>

    <!-- First screen -->
    <header>
        <div class="container">
            <a href="index.html" class="logo_mobile">
                <img src="images/logo.png" />
            </a>
            <div class="row">
                <div class="col-md-9 left animatable" data-delay="300">
                    <h1>挑选适合自己的版本</h1><a href="#" style='margin-top:3vw;' class="btn animatable" data-delay="200" onclick="window.location.href='register.html'">立即注册</a>
                </div>
            </div>
        </div>
    </header>

    <!-- Section About Us -->
    <section class="section_about">
        <div class="animatable">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-8 animatable">
                        <div class="section_title">版本特色</div>
                    </div>
                    <div class="col-4 text-right section_counter animatable" data-delay="200">
                        <span class="now">01</span>
                        <span class="total">/ 03</span>
                    </div>
                </div>
                <article>
                    <h2 class="animatable">CS架构版，桌面端应用</h2>
                    <div class="text animatable" data-delay="100">
                        从基础版到定制版，满足不同规模企业的多样化需求，防范风险同时创造更多价值
                    </div>
                    <!-- Video opens in popup created using Fancybox 3. Check their docs for more options: https://fancyapps.com/fancybox/3/ -->
                    <a data-fancybox href="images/cs.mp4" class="video animatable" data-delay="200">
                        <img src="images/about_video_cover.jpg" srcset="imagex/about_video_cover2x.jpg 2x" alt="晟友科技版本" class="img-fluid" />
                        <i class="icon icon-play-white"></i>
                    </a>
                </article>
                <div class="second_title animatable"></div>
                <div class="row justify-content-between">
                    <div class="col-md-6 animatable" data-delay="100">
                        <h4>
                            安全加固体系 保障企业安全 <br /> 敏捷的微服务构架 响应更快 <br />

                        </h4>
                    </div>
                    <div class="col-lg-5 col-md-6 services">
                        <div class="row justify-content-between">
                            <div class="col-xl-5 col-sm-6 animatable" data-delay="200">
                                <div class="service">保障企业数据安全</div>
                                <div class="service">保障企业网络安全</div>
                                <div class="service">保障企业信息安全</div>
                                <div class="service">为企业安全全程护航</div>
                            </div>
                            <div class="col-xl-5 col-sm-6 animatable" data-delay="300">
                                <div class="service">微服务架构设计</div>
                                <div class="service">快速迭代的响应</div>
                                <div class="service">产品开发更专业</div>
                                <div class="service">研发实力为您驱动</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Section Awards -->
    <section class="section_awards">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-8 animatable">
                    <div class="section_title">版本介绍</div>
                </div>
                <div class="col-4 text-right section_counter animatable" data-delay="200">
                    <span class="now">02</span>
                    <span class="total">/ 03</span>
                </div>
            </div>
            <h2 class="animatable" data-delay="300">多版本按需选择 <br />为企业上云加持</h2>
            <!-- Pseudo-table row -->
            <div class="row justify-content-between table_row">
                <div class="col-md-2 logo animatable">
                    <img src="https://public.feeclouds.com/homepage/imgs/awwwards-logo.svg" alt="公有云" class="img-fluid" />
                </div>
                <div class="col-xl-7 col-md-10 right">
                    <div class="row">
                        <div class="col-xl-5 col-md-4 animatable" data-delay="100">
                            <div class="col_title">公有云 标准版</div>
                            <div href="https://www.chapiaotong.com/" target="_blank" style='margin-top:2vw;' class="btn animatable"
                                 data-delay="200" onclick="showweixin('xq1')">
                                提交需求
                            </div>
                            <img src="images/weixin.png" id="xq1" style="width: 200px;margin: 10px;display: none;">
                        </div>
                        <div class="col-xl-4 col-md-6 animatable" data-delay="200">
                            <div class="col_text">
                                <div class="title">满足大型企业需求</div>
                                支持多终端发票查验方式<br />支持多维度校验预警提醒<br />丰富的发票信息检索应用<br />发票信息存储与打印管理<br />企业成员管理系统<br />数据统计管理模块<br />可便捷对接企业系统<br />权威安全体系<br />支持提供多行业解决方案<br />丰富接口满足企业需求

                            </div>
                        </div>
                        <div class="col-xl-3 col-md-2 animatable" data-delay="300">
                            <div class="year text-left text-md-right">按需供价</div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-5 col-md-4 animatable" data-delay="100">
                            <div class="col_title">公有云 定制版</div>
                            <div style='margin-top:2vw;' class="btn animatable" data-delay="200"
                                 onclick="showweixin('xq2')">
                                提交需求
                            </div>
                            <img src="images/weixin.png" id="xq2" style="width: 200px;margin: 10px;display: none;">
                        </div>
                        <div class="col-xl-4 col-md-6 animatable" data-delay="200">
                            <div class="col_text">
                                <div class="title">满足企业定制化需求</div>
                                含公有云标准版基础功能<br />按需定制企业独立功能<br />专属数据安全模块<br />优先使用新功能<br />定期升级巡检

                            </div>
                        </div>
                        <div class="col-xl-3 col-md-2 animatable" data-delay="300">
                            <div class="year text-left text-md-right">按需供价</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Pseudo-table row -->
            <div class="row justify-content-between table_row">
                <div class="col-md-2 logo animatable">
                    <img src="https://public.feeclouds.com/homepage/imgs/cssdesignawards-logo.svg" alt="私有云" class="img-fluid" />
                </div>
                <div class="col-xl-7 col-md-10 right">
                    <div class="row">
                        <div class="col-xl-5 col-md-4 animatable" data-delay="100">
                            <div class="col_title">私有化 部署版</div>
                            <div href="https://deallinker.com/cooperate.html" style='margin-top:2vw;' target="_blank" class="btn animatable" data-delay="200"
                                 onclick="showweixin('xq3')">
                                提交需求</div>
                            <img src="images/weixin.png" id="xq3" style="width: 200px;margin: 10px;display: none;">
                        </div>
                        <div class="col-xl-4 col-md-6 animatable" data-delay="200">
                            <div class="col_text">
                                <div class="title">满足超大型企业需求</div>
                                含公有云基础版功能<br />私有化部署满足企业需求<br />专属企业解决方案<br />专属私有云部署<br />专属数据安全模块<br />优先使用新功能<br />定期升级巡检
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-2 animatable" data-delay="300">
                            <div class="year text-left text-md-right">按需供价</div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-5 col-md-4 animatable" data-delay="100">
                            <div class="col_title">私有化 定制版</div>
                            <div href="https://deallinker.com/cooperate.html" style='margin-top:2vw;' target="_blank" class="btn animatable" data-delay="200"
                                 onclick="showweixin('xq4')">提交需求</div>
                            <img src="images/weixin.png" id="xq4" style="width: 200px;margin: 10px;display: none;">
                        </div>
                        <div class="col-xl-4 col-md-6 animatable" data-delay="200">
                            <div class="col_text">
                                <div class="title">满足超大型企业需求</div>
                                按定制功能付费<br />专属功能定制化开发<br />专属企业解决方案<br />专属私有云部署<br />专属数据安全模块<br />优先使用新功能<br />定期升级巡检
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-2 animatable" data-delay="300">
                            <div class="year text-left text-md-right">按需供价</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- Section Upcoming Events -->
    <section class="section_upcoming_events">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-8 animatable">
                    <div class="section_title">商务合作</div>
                </div>
                <div class="col-4 text-right section_counter animatable" data-delay="200">
                    <span class="now">03</span>
                    <span class="total">/ 03</span>
                </div>
            </div>
            <div class="row justify-content-between events">
                <div class="col-lg-5 col-md-4 animatable">
                    <img src="images/section_upcoming_events_img.jpg" srcset="section_upcoming_events_img.jpg 2x" alt="晟友科技合作" class="img-fluid" />
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 d-sm-flex justify-content-end event_holder">
                    <div class="event">
                        <div class="date animatable" data-delay="100">品牌共赢 </div>
                        <div class="title animatable" data-delay="200">市场品牌合作</div>
                        <div class="text animatable" data-delay="300">在这个激烈的市场中，和晟友科技一起，成就更多！</nobr>
                        </div>
                        <a href="javascript:showweixin('xq5')" class="btn animatable" data-delay="200">提交需求</a>
                        <img src="images/weixin.png" id="xq5" style="width: 200px;margin: 10px;display: none;">
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 d-sm-flex justify-content-end event_holder">
                    <div class="event">
                        <div class="date animatable" data-delay="300">合作共赢</div>
                        <div class="title animatable" data-delay="400">代理渠道合作</div>
                        <div class="text animatable" data-delay="500">携手并进、乘风破浪，共同走向更加美好的彼岸！
                        </div>
                        <a href="javascript:showweixin('xq6')" class="btn animatable" data-delay="200">提交需求</a>
                        <img src="images/weixin.png" id="xq6" style="width: 200px;margin: 10px;display: none;">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Section Our Clients -->
    <section class="section_our_clients">
        <th:block th:include="web_include :: successCase" />
    </section>

    <th:block th:include="web_include :: bottomRight" />
</body>

</html>